<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ include file="/common/common.jsp"%>

<!-- BEGIN SIDEBAR -->
            <div class="page-sidebar-wrapper">
                <!-- END SIDEBAR -->
                <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
                <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
                <div class="page-sidebar navbar-collapse collapse">
                    <!-- BEGIN SIDEBAR MENU -->
                    <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
                    <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
                    <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
                    <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
                    <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
                    <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
                    <ul class="page-sidebar-menu  page-header-fixed page-sidebar-menu-hover-submenu " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200">
                        
                        <c:forEach items="${menus }" var="menu">
                        
                        	<c:if test="${menu.visibility=='0' }">
                        		<li class="nav-item ${fn:contains(navId, menu.id)?'active open ':''}">
	                        		<a href="${fn:length(menu.menus)>0?'javascript:; ':basePath }${fn:length(menu.menus)>0?'javascript:; ':menu.url } " class="nav-link ${fn:length(menu.menus)>0?'nav-toggle':'' }">
	            
		                                <c:if test="${empty menu.icon }">
		                                	<i class="icon-briefcase"></i>
		                                </c:if>
		                                <c:if test="${!empty menu.icon }">
		                                	<i class="${menu.icon }"></i>
		                                </c:if>
		                                
		                                <span class="title">${menu.name }</span>
		                               	<c:if test="${fn:contains(navId, menu.id)}">
		                               		<span class="selected"></span>
		                               	</c:if>
		                                <span class="arrow ${fn:contains(navId, menu.id)?'open ':''}"></span>
		                            </a>
		                            <c:if test="${fn:length(menu.menus)>0 }">
		                            	<c:set var="menu" value="${menu}" scope="request"/>
		                            	<c:import url="/manage/page-sidebar-import.jsp" />
		                            </c:if>
		                            
	                        	</li>
                        	</c:if>
                        
                        	
                        </c:forEach>
                        
                    </ul>
                    <!-- END SIDEBAR MENU -->
                </div>
                <!-- END SIDEBAR -->
            </div>
            <!-- END SIDEBAR -->

